<!--
 * @Author: your name
 * @Date: 2020-06-01 14:42:47
 * @LastEditTime: 2020-06-12 10:35:12
 * @LastEditors: Please set LastEditors
 * @Description: 聊天列表/通讯录/用户信息/聊天主区域
 * @FilePath: \IM_Web\im_web\src\components\mainContent\index.vue
--> 
<template>
    <div>
        <div v-show="$store.state.Tabs === 1 ">
            <ChatMain />
        </div>
        <div v-if="$store.state.Tabs===2">
            <AddressBook />
        </div>
        <div v-if="$store.state.Tabs===3">
            <PersonalCenter />
        </div>
    </div>
</template>

<script>
import ChatMain from "../chatMain/chatMain";
import AddressBook from "../addressBook/addressBook";
// import ImList from "../imList/imlist";
// import BuddyList from "../buddyList/buddyList";
// import UserInfoRegion from "../userInfoRegion/userInfoRegion";
// import ChatRegion from "../chatRegion/chatRegion";
import PersonalCenter from "../personalCenter/personalCenter";

export default {
    props: {},
    data() {
        return {};
    },
    computed: {},
    created() {},
    mounted() {},
    watch: {},
    methods: {},
    components: {
        // ImList,
        // BuddyList,
        // UserInfoRegion,
        // ChatRegion,
        ChatMain,
        AddressBook,
        PersonalCenter
    }
};
</script>

<style scoped lang="less">
</style>
